<!DOCTYPE html>
<html>
    <head>
        <title>:: Problema das 4 Rainhas ::</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script language="JavaScript" src="js.js" DEFER="DEFER"></script>
    </head>
    <body>
        <div id="tudo">
            <div id="principal" class="principal4">
                
                <h1>Problema das Quatro Rainhas</h1>
                
                <form>
                    <label id="bC">Buca Cega: </label>
                    <input id="txtEntradaBC" class="input4" type="text" value="[(1,3),(2,1),(3,4),(4,2)]" />
                    <span onclick="buscaCega()">Ir</span>
                    <span onclick="limpar4()">Limpar</span>
                </form>
                <form>
                    <label id="bH">Busca Heuristica: </label>
                    <input id="txtEntradaBH" class="input4" type="text" value="[3,1,4,2]" />
                    <span onclick="buscaHeuristica()">Ir</span>
                    <span onclick="limpar4()">Limpar</span>
                </form>
                
                <div id="tabuleiro" class="tabuleiro4">
                    <ul>
                        <!-- linha 1 -->
                        <li class="branco"><img id="11" src="" alt="" /></li>
                        <li class="preto"><img  id="12" src="" alt="" /></li>
                        <li class="branco"><img id="13" src="" alt="" /></li>
                        <li class="preto"><img  id="14" src="" alt="" /></li>
                        <!-- linha 2 -->
                        <li class="preto"><img  id="21" src="" alt="" /></li>
                        <li class="branco"><img id="22" src="" alt="" /></li>
                        <li class="preto"><img  id="23" src="" alt="" /></li>
                        <li class="branco"><img id="24" src="" alt="" /></li>
                        <!-- linha 3 -->
                        <li class="branco"><img id="31" src="" alt="" /></li>
                        <li class="preto"><img  id="32" src="" alt="" /></li>
                        <li class="branco"><img id="33" src="" alt="" /></li>
                        <li class="preto"><img  id="34" src="" alt="" /></li>
                        <!-- linha 4 -->
                        <li class="preto"><img  id="41" src="" alt="" /></li>
                        <li class="branco"><img id="42" src="" alt="" /></li>
                        <li class="preto"><img  id="43" src="" alt="" /></li>
                        <li class="branco"><img id="44" src="" alt="" /></li>
                    </ul>
                </div>
				<span id="go" onclick="carrega8()">8888</span>
            </div>
        </div>
    </body>
</html>
